<template>
	<view class="con">
		<u-button 
			hover-class="none"
			shape="circle" 
			:hair-line="false" 
			:custom-style="{background: '#E1E1E1', width: width,height: height,color: '#666666',border: '1px solid #E1E1E1',fontSize: size}" 
			@click="$emit('click')">
			<slot></slot>
		</u-button>
	</view>
</template>

<script>
	export default {
		name: 'b-u-button-grey',
		props: {
			width: {
				type: String,
				default: '172rpx',
			},
			height: {
				type: String,
				default: '60rpx',
			},
			size: {
				type: String,
				default: '28rpx',
			},
		},

		data() {
			return {
				
			}
		},
		created() {

		},
		methods: {
			
		},
	}
</script>

<style lang="scss" scoped>
	.con {

	}
</style>
